page {
	background: linear-gradient(to bottom, #0e4ca9 0%, #1081ad 100%);
	height: 100%;
}
.icon {
	color:#ffffff;
}
.tpf-logo-wrap {
	width: 100%;
	height: 45vw;
	display: flex;
	justify-content: center;
	align-items: center;
	.tpf-logo {
		width: 25%;
		border-radius: 50%;
	}
}
.tpf-form {
	width: 86%;
	padding: 0 7%;
	font-size: 30upx;
	.tpf-form-item{
		width: calc(100% - 90upx);
		height: 90upx;
		display: flex;
		align-items: center;
		border-radius: 45upx;
		background-color: rgba($color: #ffffff, $alpha: 0.1);
		padding: 0 45upx;
		margin-bottom: 26upx;
		input {
			width: 100%;
			height: 50upx;
			color: rgba($color: #ffffff, $alpha: 0.8);
			font-weight: 200;
		}
	}

	.tpf-reg-login-btn {
		color: #f06c7a;
		width: 100%;
		height: 90upx;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 45upx;
		background-color: #fff;
		font-size: 40upx;
	}
}
.reset {
	.tpf-form-item{
		position: relative;
		.get-code{
			position: absolute;
			height: 90upx;
			display: flex;
			align-items: center;
			justify-content: center;
			right: 0;
			padding: 0 40upx;
			z-index: 3;
			&:after {
				content: " ";
				width: 1upx;
				height: 50upx;
				background-color: #fff;
				position: absolute;
				z-index: 3;
				margin-right: 100%;
				left: 0;
				top: 20upx;
			}
		}
	}
	.res {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 100upx;
		color: rgba($color: #ffffff, $alpha: 0.8);
	}
}
.tpf-form {
	.res {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 100upx;
		color: rgba($color: #ffffff, $alpha: 0.8);
	}
}
.oauth{
	@media all and (max-height:150vw){
		display: none;
	}
	position: absolute;
	bottom: 50upx;
	width: 100%;
	.text{
		width: 100%;
		height: 60upx;
		display: flex;
		justify-content: center;
		align-items: center;
		color: rgba($color: #ffffff, $alpha: 0.8);
		font-size: 28upx;
	}
	.list{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20upx 0;
		.icon{
			font-size:80upx;
			margin: 0 30upx;
		}
	}
}